<template>
    <el-menu  class="el-menu-vertical-demo" :collapse-transition='false' :unique-opened='false' :collapse='collapse' >
        <el-sub-menu index="1">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>风险提示</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="1-1">可信度认证</el-menu-item>
                <el-menu-item index="1-2">银行卡舆情查询</el-menu-item>
            </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="2">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>高性价比</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="2-1">可信数字身份验证</el-menu-item>
                <el-menu-item index="2-2">运营商三要素验证</el-menu-item>
                <el-menu-item index="2-3">手机号在网时长查询</el-menu-item>
                <el-menu-item index="2-4">个人涉诉全类查询-A</el-menu-item>
            </el-menu-item-group>
        </el-sub-menu>

    </el-menu>
</template>

<script setup>
import {
    Location,
    Document,
    Menu as IconMenu,
    Setting,
} from "@element-plus/icons-vue";

defineProps(['collapse'])
</script>


<style>

</style>